<template>
  <div id="mars3dContainer" class="mars3d-container"></div>
</template>

<script setup>
import { onMounted } from 'vue'
import * as mars3d from 'mars3d'
import 'mars3d-space'

let map

let mapOptions = {
  basemaps: [{ name: '天地图', type: 'tdt', layer: 'img_d', show: true }]
}

onMounted(() => {
  map = new mars3d.Map('mars3dContainer', mapOptions)
})
</script>

<style scoped>
#mars3dContainer {
  width: 100vw;
  height: 100vh;
}
</style>

